9JAJ Blogger Template

How To Install Blogger Template

For these you need a account on blogger.com where you can create a free blog, In this guide I'm not going to tell you that how you can create a blog on blogger, I assume that you have a blogger account with a blogger blog, so let's get started!

Also Read: Complete Guide To Setup Blog

Go To Blogger Dashboard
On Blogger Dashboard click Template
Now Click On Backup/Restore button (Top Right).
Click Choose File button. Find where the “9JAJ-theme.xml” file location.
Now Click On Upload Button.

How to Customize Menu Navigation

Navigation menu will helps to make site user friendly, You can add label links, page links, affliate links or any external website link by just changing it little bit.

Go To Blogger Dashboard
On Blogger Dashboard click Template
Now Click On Edit HTML button
Now Find  in template code using ctrl+f
Now you will see navigation menu code, just change its text and link according to your need.

How to Customize Social Buttons

Social Media Follow Us buttons will help your blog/website to make your blog viral on Social Medias, To change the link of social medias button follow below steps:

Go To Blogger Dashboard
On Blogger Dashboard click Template
Now Click On Edit HTML button
Now Find  in template code using ctrl+f
Now you will see Social media buttons code, just replace highlight code with your social media username.

Add Your Feedburner username

Email Subscription box will help you to make your blog viral using email marketing, to add your own feedburner user name follow below steps:

Go To Blogger Dashboard
Click On Template Tab
Now Click on Edit HTML button
Now Find  in template code using ctrl+f
Now replace seotemplates with your feedburner username.

Read This: Step by Step Guide to Setup FeedBurner for Blogger

Add You Own Facebook Apps ID

The First thing you need to do is to create a separate App ID for your application and that can be done easily through Facebook Developer. Login to your Facebook account and go to Facebook Developers website. This places allow Developers to manage their apps hosted at Facebook, click on Create New App button.

A Small pop out will appear which would ask you to insert little information about your application. There are two fields, write the App name and press the continue button.

Now you will land of a new page which would provide you your application details like App ID, App name and etc. You need to copy these keys and enter them later.

NOW......

Login to blogger dashboard.
On Blogger Dashboard Click Template
Now Click On Edit HTML button
Now using ctrl+f find below code:

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};

Now Replace YOUR_APP_ID with the app id which you have obtained in above steps.
Now finally you can save your template.

How to Add Like Box

For adding facebook like box to blogger, go to official Like Box Generator and then paste your page URL and then click on Get Code button, Now select iFrame Copy given code and paste it in HTML/Javascript by adding New gadget in layout tab.

How to Add Twitter Feed Box

Twitter is very popular social media websites. Like others social networks, Twitter also plays an important role for every blog and website.

Go To Blogger Dashboard
Click On Layout Tab
Now Add Gadget >> HTML/JavaScript
Paste below code there:

<a class="twitter-timeline" href="https://twitter.com/lordemusic" data-widget-id="429486347175211008">Tweets by @lordemusic</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Replace lordemusic with your twitter username.